<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>分类页</title>
    <link rel="shortcut icon" href="imgs/favicon.ico"/>
	<script src="https://code.jquery.com/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="css/index2.css">
	<link rel="stylesheet" href="css/homepage.css" />
</head>
<body>
    <!-- 页面头部 -->
    <header>
    	
        <div class="header_box">
            <a href="">
                <img class="header_logo" src="./images/TB1D1QUxjDpK1RjSZFrXXa78VXa-230-104.png" alt="">
            </a>
            <div class="header_recommend">
                <a href="#">首页</a>
                <a href="#">分类</a>
            </div>
            <div class="header_right">
               <div class="sign_in">
                    <img src="./images/TB14UKCGQyWBuNjy0FpXXassXXa-54-54.png">
                    <a href="#">登录</a>
               </div>
               <div class="download">
                   <img src="./images/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png">
                   <a href="#">下载</a>
               </div>
               <div class="english">
                   <img src="./images/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png">
                   <a href="#">English</a>
               </div>
            </div>
            <div class="header_search">
                <img src="images/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png">
                <input type="text" placeholder="搜索明星、演出、体育赛事" id="ipt">
                <div class="search"onclick="find()" id="get">搜索</div>
            </div> 
        </div>
    </header>
    <!-- 主要部分 -->
    <section>
       <div class="section_box">
           <p class="section_top">共
               <span>4755</span>
               个商品
           </p>
           <div class="sec_left">
               <div class="con_city">
                    <span>城 市：</span>
                    <dd class="all">全部</dd>
                    <span class="more">更多</span>
                    <span class="retract" style="display: none">收起</span>
                <ul class="city_list">
                   
                </ul>
                <ul class="_column">
                    <span>分 类：</span>
                    <dd class="all">全部</dd>
                </ul>
                <ul class="_times">
                    <span>时 间：</span>
                    <dd class="all">全部</dd>
                    <li>今天</li>
                    <li>明天</li>
                    <li>本周末</li>
                    <li>一个月内</li>
                    <li class="time">
                        按时间段：
                        <input type="text">-
                        <input type="text">
                    </li>
                    <span class="calen">按日历</span>
                </ul>
               </div>
           </div>
           <!-- list -->
           <div class="section_list">
               <div class="list_top">
                   <ul>
                       <li style="margin-left:0;">相关排序</li>
                       <li class="li_on">推荐排序</li>
                       <li>最近开场</li>
                       <li>最新上架</li>
                   </ul>
                   <div class="list_right">
                       <span id="listClm" class="list_column_on allStyle"></span>
                       <span id="listLin" class="list_line allStyle"></span>
                        <div class="list_num">
                            <a href="javascript:void(0)" class="prev">
                        
                            </a>
                            <span>1</span>/<span>10</span>
                            <a href="javascript:void(0)" class="next">
                        
                            </a>
                        </div>
                   </div>
                   
               </div>
               <div class="list_content">
                   <ul class="column">
                       <!-- <li>
                           <div class="img">
                               <img src="./images/O1CN012xmyos2GdS9VYkiNm_!!0-item_pic.jpg">
                           </div>
                           <div class="text">
                               <h3>【上海】<a href="">简弘亦 “亦 X 不染”  演唱会上海站</a></h3>
                               <p class="text_time">
                                   <a class="time_ico"></a>
                                2019.04.22 周一 19:30
                               </p>
                               <p class="text_address">
                                   <a class="time_ico time_icoAd">上汽上海文化广场 - 上海</a>
                               </p>
                               <p class="text_price">
                                   <em>80-780元</em>售票中
                               </p>
                           </div>
                       </li> -->
                   </ul>
                   <!-- 横向排列 -->
                  <ul class="line" style="display:none">
                    <!-- <li>
                        <img src="">
                        <p class="text">【上海】<a href="">简弘亦 “亦 X 不染”  演唱会上海站</a></p>
                        <p class="time">2019.04.22 周一 19:30</p>
                        <p class="price"> <em>80-780元</em>售票中</p>
                    </li> -->
                    
                  </ul>
               </div>
           </div>
       </div> 
    </section>
    
	<!-- footer -->
	<div class="footer">
		<div class="ft-content">
			<ul class="ft-links">
				<li class="ft-links-list">
					<a href="https://help.damai.cn">帮助中心</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=69&amp;categoryId=30">公司介绍</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=70&amp;categoryId=30">品牌识别</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=72&amp;categoryId=30">公司大事记</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=40&amp;categoryId=14">协议及隐私权政策</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://jubao.alibaba.com/internet/readme.htm?spm=a2o6e.search.0.0.72f44d15Votov6&amp;site=damai">廉正举报</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=58&amp;categoryId=5" target="_blank" data-spm="flink6">联系合作</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://job.alibaba.com/zhaopin/positionList.htm?keyWord=JXU1OTI3JXU5RUE2&amp;_input_charset=UTF-8">招聘信息</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://x.damai.cn/markets/special/fangzhapian?spm=a2o6e.home.0.0.75df48d3hqGWGD&amp;wh_ttid=pc">防骗秘籍</a>
				</li>
			</ul>
			<div class="ft-ft">
				<div class="ft-l">
					<a href="https://www.damai.cn/?spm=a2o6e.home.0.0.591b48d3QzpG8B" class="ft-l-logo">
						<img src="imgs/ft-l-logo.png" alt="">
					</a>
					<div class="ft-l-codebox">
						<img src="imgs/code.png" alt="" class="code">
						<span>APP下载</span>
					</div>
				</div>
				<div class="ft-r">
					<div class="ft-r-contact">
						<a href="https://online.damai.cn/alime/index?from=damai_pc_item&v=3" class="ft-r-contact-btn" style="margin-left: 0;">在线客服</a>
					</div>
					<ul class="ft-r-words">
						<li class="ft-certifivate">
							<a href="http://www.miitbeian.gov.cn?spm=a2o6e.home.0.0.5b4d48d3mVzb2Z">京ICP证031057号</a>
						</li>
						<li class="ft-grep">|</li>
						<li class="ft-certifivate">
							<a href="http://www.miitbeian.gov.cn">京ICP备11043884号</a>
						</li>
						<li class="ft-grep">|</li>
						<li class="ft-certifivate">
							<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502037341">京公网安备11010502037341号</a>
						</li>
						<li class="ft-grep">|</li>
						<li class="ft-certifivate">
							<a href="imgs/license.jpg">广播电视节目制作经营许可证(京)字第02253号</a>
						</li>
					</ul>
					<ul class="ft-r-words">
						<li class="ft-certifivate">
							<a href="imhgs/1111.jpg">网络文化经营许可证
                        京网文[2016]3438-413号</a>
						</li>
						<li class="ft-grep">|</li>
						<li class="ft-certifivate">
							<a href="imgs/2222.jpg">营业性演出许可证
                        京市演587号</a>
						</li>
					</ul>
					<ul class="ft-r-words">
						<li class="ft-certifivate">北京红马传媒文化发展有限公司 版权所有</li>
						<li class="ft-certifivate">
							<a href="https://www.damai.cn/?spm=a2o6e.home.0.0.591b48d3QzpG8B">大麦网</a>
						</li>
						<li>Copyright 2003-2018 All Rights Reserved</li>
					</ul>
					<ul class="ft-r-words">
						<li>举报投诉邮箱：damai_tousu@member.alibaba.com</li>
					</ul>
					<div class="ft-r-img">
						<a href="#"><img src="imgs/one.gif" alt="" width="120" height="30"></a>
						<a href="https://img.alicdn.com/tfs/TB1CChlpwDqK1RjSZSyXXaxEVXa-1200-1672.jpg"><img src="imgs/two.png" alt="" width="122" height="30"></a>
						<a href="https://www.pcisecuritystandards.org/"><img src="imgs/three.png" alt="" width="49" height="30"></a>
						<a href="http://www.itrust.org.cn/home/index/itrust_certifi/wm/1756737221"><img src="imgs/four.png" alt=""></a>
						<a href="https://search.szfw.org/cert/l/CX20130327002367002885"><img src="imgs/five.png" alt="" width="85" height="30"></a>
					</div>
				</div>
			</div>
		</div>
	</div>   
    
	<!-- 右侧固定定位 -->
	<div class="sidebar">
		<div class="item">
			<a href="https://passport.damai.cn/login" class="alime">
				<div class="icon service"></div>
				<p>在线客服</p>
			</a>
		</div>
		<div class="item middle" style="border-bottom-width: 1px;">
			<a href="https://online.damai.cn/alime/index?from=damai_pc_item&v=3" class="alime">
				<div class="icon damai"></div>
				<p>APP下载</p>
				<div class="qrcode">
					<img src="imgs/code.png" alt="" width="72" height="72">
				</div>
			</a>
		</div>
		<div class="item go-top" style="border-bottom-width: 0;">
			<div class="icon gotop"></div>
			<p>回到顶部</p>
		</div>
	</div>
</body>
<script src="js/index2.js"></script>
<!-- <script src="address.json"></script> -->
<script type="text/javascript">
		get.onclick = function(){
			//js获取value值
			// var arr0 = document.getElementById('ipt').value;
			//js获取value值
			var id = $("#ipt").val();
			var url = "http://www.web520.xyz/web-projectAPI/index.php/index/search?keyword="+id;
			console.log(url);
			console.log(id);
			$.ajax({
				url:url,
				dataType:"json",
				type:"get",
				success:function (res) {
				console.log(res)	
				getMy1(url);
				getMy2(url);
				}
			})
			}
</script>
<li></li>
</html>
